<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <link rel="icon" href="<%= BASE_URL %>favicon.ico" />

  <title><%= htmlWebpackPlugin.options.title %></title>
  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css">
  <script src="https://cyan-blog.oss-cn-shenzhen.aliyuncs.com/cdn/js/three.min.js"></script>

  <!-- <script src="https://cdn.staticfile.org/vue/2.5.22/vue.min.js"></script> -->
  <!-- <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.min.js"></script>
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/examples/js/controls/OrbitControls.js"></script> -->

  <style>
    #canvas {
      position: fixed;
      z-index: -999;
      /* background: linear-gradient(to right top, #a8edea, #fed6e3); */
      /* background: linear-gradient(to right top, #140a2d, #7d31d2); */
      /* background: linear-gradient(to right top, #009fff, #ec2f4b); */
      /* background-color: black; */
      /* background: linear-gradient(to right top,#000,#3B2667); */
      background: linear-gradient(to right top,#41403c,#000);
      width: 100%;
      height: 100%;

      animation: bganimation 24s infinite;
      background-size: 800%;

      font-family: "Helvetica Neue";
      margin: 0;
      padding: 0;
    }

    @keyframes bganimation {
      0% {
        background-position: 0 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0 50%;
      }
    }
  </style>


</head>


<body scroll="auto">
  <div id="app"></div>
  <!-- <canvas id="canvas"></canvas> -->
  <div id="canvas"></div>

  <!-- <script type="text/javascript" src="/js/lun.js"></script> -->
  <script type="text/javascript" src="/js/star.js"></script>

  <!-- <script src="https://cdn.jsdelivr.net/gh/yremp/yremp-js@1.5/sakura.js"></script> -->

</body>




</html>